@charset "utf-8";
/* CSS Document */
 html,body,ul,li,a{
	  margin:0;
	  padding:0;}
   body,html{
	   height:100%;}
  .head{
	  width:auto;
	  height:200px;
	  position:relative;
	  background-color:#930;
	  border-bottom:#000 solid;}
  .tu1{
	   height:200px;
	   width:300px;
	   float:left;}
  .tu2{
	  position:absolute;
	  width:50px;
	  height:50px;
	  right:200px;}
   .sou{
	   position:absolute;
	   width:45px;
	   height:44px;
	   top:120px;
	   left:554px;}
  .head form{
	   float:left;
	   position:absolute;
	   top:50px;
	   left:600px;}
  #biaodan1{
	  height:40px;
	  line-height:40px;}
  #biaodan2{
	  height:40px;
	  line-height:40px;}
  .head p{
	  line-height:150px;}
  .head2{
	  position:absolute;
	  font-weight:bold;
	  right:10px;
	  top:130px;}
  .head3{
	   position:absolute;
	   font-weight:bold;
	   bottom:70px;
	   left:400px;}
  .head4{
	   position:absolute;
	   font-weight:bold;
	   bottom:70px;
	   right:20px;}
  .head a{
	  text-decoration:none;
	  color:#333;}
	  a{
		  text-decoration:none;}
   a:hover{
	   color:#F00;}
  input:hover{
	  background-color:#996;} 
	    /*-----------头部------------*/
  .menu{
	  width:1520px;
	  height:50px;
	  border:1px black solid;
	  margin:0 auto;
	  background-color:#C60;}
  li{
	  list-style-type:none;
	   width:217px;
	   float:left;} 
   .menu li a{
	  display: block;
	  height:50px;
	  text-align:center;
	  line-height:50px;
	  color:#FFF;
	  text-decoration:none;
	  font-weight:bold;
	  font-size:20px;} 
    .menu>li:hover>a{
	   background-color:#CC6;
	   color:red;}
	   /*-------------导航栏----------------*/
     #bg {
		    float:left;
			width: 900px;
            height: 500px;
            background-image:url(../images/%E4%B9%A6%E5%BA%97%E5%9B%BE%E7%89%87.webp);
            /* background-size: 100%; */
            background-size: 100%;
            position: relative;
            /* 动画     自己取得名字 持续时间  稳定变化   一直循环 */
            /* animation: name duration timing-function delay iteration-count direction fill-mode play-state; */
            animation: imgs 6s linear infinite;
        }
        /* 轮播图动画关键帧设置 0%,30% 表示动画在此期间显示图二  */
        
        @keyframes imgs {
            0%,
            30% {
                background-image:url(../images/%E8%AF%BB%E4%B9%A6%E5%9B%BE%E7%89%87.webp);
            }
            31%,
            60% {
                background-image:url(../images/%E8%AF%9A%E4%BF%A1%E4%BF%9D%E9%9A%9C.webp);
            }
            61%,
            100% {
                background-image:url(../images/%E4%B9%A6%E5%BA%97%E5%9B%BE%E7%89%87.webp);
            }
        } 
		/*-----------轮播图------------*/
	.contest{
		position:relative;
		overflow:hidden;
		width:1533px;
		margin:auto;
		top:0px;}
	.left{
		float:left;
		width:300px;
		height:850px;
		margin:0px;
		background-color:#963;}
	.mid{
		position:absolute;
		width:900px;
		height:350px;
		margin-left:300px;
		margin-top:500px;
		background-color:#963;}
	.right{
		float:left;
		width:320px;
		height:850px;
		margin:0px;
		background-color:#930;}
	/*----------左侧内容-------------*/
	.bangdan{
		font-size:24px;}
	td{
		text-align:center;
		font-size:16px;}
	.tu3{
		width:300px;
		height:320px;}
   /*--------------左栏内容---------------*/
   .right h2{	   
	   color:#006;
	   font-family:Lucida Sans Unicode", "Lucida Grande,sans-serif;
	   }
	.right p{
		font-size:16px;
		color:#000;
		border-bottom:dashed;
		cursor:pointer;}
	.right img{
		width:320px;
		height:370px;}
	.right h4 a:hover{
		color:#F00;
		}
	/*--------------------中部内容--------------------------*/
	.box{
		width:868px;
		margin:auto;}
	.xiao{
		  border-bottom: 8px solid rgb(209, 220, 240);
            padding-bottom: 20px;
            width: 868px;
            margin: auto;
            text-align: center;
            margin-top: 15px;
            line-height: 42px;
            height: 42px;
            font-size: 30px;
            color: #002b5e;}
	 .item {
            width: 200px;
            height: 200px;
            border-radius: 5%;
            margin: 20px 20px 0px 0px;
            overflow: hidden;
            float: left;
        }
        
        .a {
            background-image:url(../images/%E6%91%86%E6%B8%A1%E4%BA%BA%E4%B9%A6%E7%B1%8D.jpg);
            background-size: cover;
        }
        
        .b {
            background-image:url(../images/%E6%B4%BB%E7%9D%80%E4%B9%A6%E7%B1%8D.jpg);
            background-size: cover;
        }
        
        .c {
            background-image:url(../images/%E4%B8%89%E4%BD%93%E4%B9%A6%E7%B1%8D.jpg);
            background-size: cover;
        }
        
        .d {
            background-image:url(../images/%E5%9B%B4%E5%9F%8E%E4%B9%A6%E7%B1%8D.jpg);
            background-size: cover;
            margin-right: 0px;
        }
	.box img{
		 width: 100%;
            height: 100%;
            border-radius: 5%;
            transform-origin: left bottom;
            transform: rotate(90deg);
            transition: all 1s;}
	 .item:hover img {
            transform: rotate(0deg);
        }
	/*-------------foot1-------------*/
	.foot1{
		width:1530px;
		height:500px;}
	.jie1{
		width:330px;
		height:300px;
		float:left;
		margin-left:38px;
		margin-top:20px;
		margin-right:20px;
		margin-bottom:25px;
		border:solid;
		border-color:#CCC;}
    .jie2{
		width:330px;
		height:300px;
		float:left;
		margin:20px;
		border:solid;
		border-color:#CCC;}
	.jie3{
		width:330px;
		height:300px;
		float:left;
		margin:20px;
		border:solid;
		border-color:#CCC;}
	.jie4{
		width:330px;
		height:300px;
		float:left;
		margin:20px;
		border:solid;
		border-color:#CCC;}
	.foot1 img{
		width:330px;
		height:300px;}
		/*--------------------底部第二层----------------------*/
	.foot2{
		position:relative;
		width:1520px;
		height:300px;
		background-color:#CCC;}
	.foot2 h3{
		text-align:center;}
	.foot2 p{
		text-align:center;
		font-size:14px;}
	.foot2 h4{
		text-align:center;}
	.foot3{
		position:absolute;
		height:200px;
		width:200px;
		left:40px;
		top:70px;}
	.foot4{
		position:absolute;
		height:200px;
		width:200px;
		right:40px;
		top:70px;}
	.foot4 img{
		height:150px;
		width:150px;}
	.foot3 .p1{
		text-align:left;
		font-size:16px;}
	.foot3 .p2{
		text-align:left;
		font-size:24px;}
	.foot3 img{
		width:50px;
		height:50px;}
